@use '../../variables.scss' as *;

.axiom-tree-table {
  overflow-x: auto;
  
  &__toolbar {
    margin-bottom: var(--axiom-spacing-md);
  }

  .action-buttons {
    display: flex;
    justify-content: center;
    gap: var(--axiom-spacing-md, 12px);
  }

  .el-table {
    --el-table-border-color: var(--axiom-border-color);
    --el-table-header-bg-color: var(--axiom-bg-color-lighter);
    --el-table-header-text-color: var(--axiom-text-color-secondary);
    --el-table-tr-bg-color: var(--axiom-bg-color-base);
    --el-table-row-hover-bg-color: var(--axiom-bg-color-hover);
    --el-table-text-color: var(--axiom-text-color-primary);
    background-color: var(--axiom-bg-color-base);

    &, th, td {
      border-color: var(--axiom-border-color);
    }

    .el-table__expanded-icon {
      color: var(--axiom-text-color-primary);
    }
  }

  // Dark scheme overrides for striped table
  [data-scheme='dark'] & {
    .el-table {
      // Override striped row background color
      & .el-table__row--striped {
        td.el-table__cell {
          background-color: var(--axiom-bg-color-secondary, #1a1a1a) !important;
        }
      }
    }
  }
} 